<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>手势解锁</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	</head>
	<link rel="stylesheet" href="/zc/css/style.css" />
	<link rel="stylesheet" href="/zc/css/index.css" />
	<link rel="stylesheet" href="/zc/css/login.css" />
	<link rel="stylesheet" href="/zc/css/center_wddd.css" />
	<link rel="stylesheet" href="/zc/css/center_gywm.css" />
	<link rel="stylesheet" href="/zc/css/center_lxkf.css" />
	<link href="/zc/css/footer.css" rel="stylesheet">
	<link rel="stylesheet" href="/zc/css/center_aqzx.css" />
	<script src="/zc/js/flexible.js"></script>
	<script src="/zc/js/flexible_css.js"></script>
	<script src="/zc/js/template.js"></script>
	<script src="/zc/js/jquery.min.js"></script>
	<script src="/zc/js/unslider.min.js"></script>
	<script src="/zc/js/foot_bar.js"></script>
	<script src="/zc/js/jquery-2.1.4.min.js"></script>
	<script src="/zc/js/jquery.gesture.password.js"></script>
	
	<style>
		.ts{font-size: .35rem;color: #333;text-align: center;padding: 2rem 0 3rem 0;}
		#gesturepwd{margin: auto;}
	</style>
	<body>
		<div class="header">
			<span>手势解锁</span>
			<a href="javascript:history.go(-1)" class="return"></a>
		</div>
		<div style="height: 1rem;"></div>
		<p class="ts">请绘制手势密码</p>
		
		<!--Z为正确密码-->
		<div id="gesturepwd"></div>
	</body>
	
	<script>
		$("#gesturepwd").GesturePasswd({
		backgroundColor:"#fff",  //背景色
		color:"#999",   //主要的控件颜色
		roundRadii:25,    //大圆点的半径
		pointRadii:6, //大圆点被选中时显示的圆心的半径
		space:30,  //大圆点之间的间隙
		width:240,   //整个组件的宽度
		height:240,  //整个组件的高度
		lineColor:"#00aec7",   //用户划出线条的颜色
		zindex :100  //整个组件的css z-index属性
		});
		  $("#gesturepwd").on("hasPasswd",function(e,passwd){
		    var result;
		
		 if(passwd == "1235789"){
		
		   result=true;
		 }
		   else {
		     result=false;
		   }
		
		
		
		    if(result == true){
		      $("#gesturepwd").trigger("passwdRight");
		      setTimeout(function(){
		
		        //密码验证正确后的其他操作，打开新的页面等。。。
		        alert("密码正确！")
		      },500);  //延迟半秒以照顾视觉效果
		    }
		    else{
		      $("#gesturepwd").trigger("passwdWrong");
		
		      //密码验证错误后的其他操作。。。
		
		    }
		  });

	</script>
</html>
